.doctor-appointment-page {
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px;
}

.page-header {
  margin-bottom: 30px;
}

.page-header h1 {
  font-size: 2.2rem;
  color: #333;
  margin-bottom: 8px;
}

.page-header p {
  color: #666;
  font-size: 1rem;
}

.appointment-content {
  margin-top: 20px;
}

@media (max-width: 768px) {
  .doctor-appointment-page {
    padding: 15px;
  }
  
  .page-header h1 {
    font-size: 1.8rem;
  }
} 